<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<head>
    <meta charset="UTF-8">
    <title>我的爱</title>
<%--     <script src="${pageContext.request.contextPath }/statics/js/jquery-3.5.1.js"></script>
    <style>
        *{margin: 0;padding: 0}
        html, body{height: 100%}
        #dd{width: 100%;height:15%}
        #nav{float: left;width:20%;height:100%}
        #con{float: right;width: 80%;height:100%}
    </style>
    <script>
        $(document).ready(function(){
            //页面加载的时候，内容框默认显示 a.html
           /*  $('#con').load('l.html'); */
            //单击 a 链接，加载 a.html
            $("#a1").click(function(){
                $('#con').load('selectBoyFriendList');
            });
            //单击 b 链接，加载 b.html
            $("#a2").click(function(){
                $('#con').load('selectGirlFriendList');
            });
            $("#a3").click(function(){
                $('#con').load('selectBoyFriendBydetail');
            });
            $("#a4").click(function(){
                $('#con').load('selectGirlFriendByid');
            });
            $("#a5").click(function(){
                $('#con').load('insertBoyFriend');
            });
            $("#a6").click(function(){
                $('#con').load('insertGirlFriend');
            });
            $("#a7").click(function(){
                $('#con').load('add');
            });
        })
    </script>
</head>
<body>
	<div id="dd" ><h1>用户：${username }<a href="${pageContext.request.contextPath }/user/main">回到主页</a></h1></div>
	<ul id="nav">
    <li><a href="#" id="a1">查询所有男朋友</a></li>
    <li><a href="#" id="a2">查询所有女朋友</a></li>
    <li><a href="#" id="a3">根据描述查询单个男朋友</a></li>
    <li><a href="#" id="a4">根据id查询单个女朋友</a></li>
    <li><a href="#" id="a5">插入一个男朋友</a></li>
    <li><a href="#" id="a6">插入一个女朋友</a></li>
    <li><a href="#" id="a7">来，点击一次添加十个女朋友</a></li>
	</ul>
	<div id="con"></div> --%>
	
	
</head>
<body>
	<h1>用户：${info }<a href="${pageContext.request.contextPath }/main">回到主页</a></h1>
	<a href="${pageContext.request.contextPath }/selectBoyFriendList">查询所有男朋友</a>
	<a href="${pageContext.request.contextPath }/selectGirlFriendList">查询所有女朋友</a>
	<form action="${pageContext.request.contextPath }/selectBoyFriendBydetail" method="post">
		<input type="text" name="bdetail" required="required">
		<input type="submit" value="根据描述查询单个男朋友">
	</form>
	<form action="${pageContext.request.contextPath }/selectGirlFriendByid" method="post">
		<input type="number" name="gid" required="required">
		<input type="submit" value="根据id查询单个女朋友">
	</form>
	<form action="${pageContext.request.contextPath }/insertBoyFriend" method="get">
		名字：<input type="text" name="bname" required="required"><br>
		年龄：<input type="number" name="bage" required="required"><br>
		描述：<input type="text" name="bdetail" required="required"><br>
		外键id：<input type="number" name="id"><span>${msg }${list }</span><br>
		<input type="submit" value="插入一个男朋友">
	</form>
	<form action="${pageContext.request.contextPath }/insertGirlFriend" method="get">
		id：<input type="number" name="gid" required="required"><span>${msg2 }</span><br>
		名字：<input type="text" name="gname" required="required"><br>
		年龄：<input type="number" name="gage" required="required"><br>
		描述：<input type="text" name="gdetail" required="required"><br>
		<input type="submit" value="插入一个女朋友">
	</form>
	<a href="${pageContext.request.contextPath }/add">来，点击一次添加十个女朋友</a>
</body>
</html>